<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>优惠首发</title>
    <link rel="stylesheet" href="css/common.css">
    <link rel="stylesheet" href="css/base.css">
    <link rel="stylesheet" href="shangping.css">
    <style>
          @font-face {
        font-family: "icomoon";
        src: url("fonts/icomoon.eot?p4ssmb");
        src: url("fonts/icomoon.eot?p4ssmb#iefix") format("embedded-opentype"),
          url("fonts/icomoon.ttf?p4ssmb") format("truetype"),
          url("fonts/icomoon.woff?p4ssmb") format("woff"),
          url("fonts/icomoon.svg?p4ssmb#icomoon") format("svg");
        font-weight: normal;
        font-style: normal;
        font-display: block;
      }
      .shor_right ul li {
        font-family: "icomoon";
        height: 18px;
        float: left;  
      }
      .shor_right ul li a{
        border-right: 1px solid #666666; 
        padding: 0 15px;
        line-height: 31px;
      }
      .shoppingcar span{
        font-family: "icomoon";
      }
      .pyms li {
        font-family: "icomoon";
      }
    </style>
</head>
<body>
    <div class="top">
        <div class="shortcut">
          <div class="shor_left">
            <span>品优购欢迎您！&nbsp;&nbsp;请登入</span>
            <a href="#">免费注册</a>
          </div>
          <!-- 快捷导航栏右侧开始 -->
          <div class="shor_right" style="float: right; width: 643px; height: 100%; text-align: center;">
            <ul>
              <li><a href="#">我的订单</a></li>
              <li><a href="#" >我的品优购</a></li>
              <li><a href="#">品优购会员</a></li>
              <li><a href="#">企业采购</a></li>
              <li><a href="#">关注品优购</a></li>
              <li><a href="#">客户服务</a></li>
              <li><a href="#" >网站导航</a></li>
            </ul>
          </div>
          <!-- 快捷导航栏右侧结束 -->
        </div>
      </div>
      <!-- 快捷导航栏结束 -->
      <!-- 导航栏开始 -->
      <div class="nav">
          <div class="nav_logo"><img src="images/logo.png" alt=""></div>
          <!-- 搜索栏开始 -->
          <div class="search">
              <input type="search" required="required" placeholder="&nbsp;&nbsp;语言开发" autofocus="autofocus" >
               <button>搜索</button>
              <div class="sea_bottom">
                  <from action>
                  <ul>
                  <li><a href="#">优惠购首发</a></li>
                  <li><a href="#">亿元优惠</a></li>
                  <li><a href="#">9.9元团购</a></li>
                  <li><a href="#">美满90减30元</a></li>
                  <li><a href="#">办公用品</a></li>
                  <li><a href="#">电脑</a></li>
                  <li><a href="#">通信</a></li>
              </ul>
          </from>
              </div>
             <!-- 导航栏的购物车开始 -->
             <div class="shoppingcar"> 
                <div class="car"></div>
                <span><a href="#">我的购物车&nbsp;&nbsp;</a></span>
            </div>
            <!-- 导航栏的购物车结束 -->
        </div>
        <!-- 搜索栏结束 -->
    </div>
<!-- 搜索栏下面的导航部分开始 -->
              <ul class="pyms">
                <li class="listrong"><a href="#">品优秒杀</a></li>
                <li class="listrong"><a href="#">即将售罄</a></li>
                <li class="listrong"><a href="#">超值低价</a></li>
                <li><a href="#">女装</a></li>
                <li><a href="#">女鞋</a></li>
                <li><a href="#">男装</a></li>
                <li><a href="#">男鞋</a></li>
                <li><a href="#">母婴童装</a></li>
                <li><a href="#">食品</a></li>
                <li><a href="#">智能数码</a></li>
                <li><a href="#">运动户外</a></li>
                <li><a href="#">更多分类</a></li>
              </ul>
              <!-- 搜索栏下面的导航部分结束 -->
                 <nav></nav>
                  <!-- 内容部分开始 -->
                <article>
                    <!-- 第一个盒子开始 -->
                    <div class="box">
                        <div class="tupian"><img src="/upload/shouji_03.png" alt=""></div>
                        <p>Apple苹果iPhone 6s Plus(A1699)32G金色</p>
                        <p>移动联通电信4G手机</p>
                    <div class="jiage">
                       <span> ¥6088</span>
                      <s>¥6988 </s>
                    </div>
                    <div class="shouhuo">
                    <div class="left">已售<span>87%</span></div>
                    <div class="jdt"></div>
                    <div class="right">剩余<span>29</span>件</div>
                    </div>
                    <div class="qianggou">立即抢购</div>
                </div>
                  <!-- 第一个盒子结束 -->
                  <!-- 第二个盒子开始 -->
                  <div class="box">
                    <div class="tupian"><img src="/upload/shouji_03.png" alt=""></div>
                    <p>Apple苹果iPhone 6s Plus(A1699)32G金色</p>
                    <p>移动联通电信4G手机</p>
                <div class="jiage">
                   <span> ¥6088</span>
                  <s>¥6988 </s>
                </div>
                <div class="shouhuo">
                <div class="left">已售<span>87%</span></div>
                <div class="jdt"></div>
                <div class="right">剩余<span>29</span>件</div>
                </div>
                <div class="qianggou">立即抢购</div>
            </div>
             <!-- 第二个盒子结束 -->
             <div class="box">
                <div class="tupian"><img src="/upload/shouji_03.png" alt=""></div>
                <p>Apple苹果iPhone 6s Plus(A1699)32G金色</p>
                <p>移动联通电信4G手机</p>
            <div class="jiage">
               <span> ¥6088</span>
              <s>¥6988 </s>
            </div>
            <div class="shouhuo">
            <div class="left">已售<span>87%</span></div>
            <div class="jdt"></div>
            <div class="right">剩余<span>29</span>件</div>
            </div>
            <div class="qianggou">立即抢购</div>
        </div>
        <!-- 第三个盒子结束 -->
        <div class="box">
            <div class="tupian"><img src="/upload/shouji_03.png" alt=""></div>
            <p>Apple苹果iPhone 6s Plus(A1699)32G金色</p>
            <p>移动联通电信4G手机</p>
        <div class="jiage">
           <span> ¥6088</span>
          <s>¥6988 </s>
        </div>
        <div class="shouhuo">
        <div class="left">已售<span>87%</span></div>
        <div class="jdt"></div>
        <div class="right">剩余<span>29</span>件</div>
        </div>
        <div class="qianggou">立即抢购</div>
    </div>
    <!-- 第四个盒子结束 -->
    <div class="box">
        <div class="tupian"><img src="/upload/shouji_03.png" alt=""></div>
        <p>Apple苹果iPhone 6s Plus(A1699)32G金色</p>
        <p>移动联通电信4G手机</p>
    <div class="jiage">
       <span> ¥6088</span>
      <s>¥6988 </s>
    </div>
    <div class="shouhuo">
    <div class="left">已售<span>87%</span></div>
    <div class="jdt"></div>
    <div class="right">剩余<span>29</span>件</div>
    </div>
    <div class="qianggou">立即抢购</div>
</div>
<!-- 第五·个盒子结束 -->
<div class="box">
    <div class="tupian"><img src="/upload/shouji_03.png" alt=""></div>
    <p>Apple苹果iPhone 6s Plus(A1699)32G金色</p>
    <p>移动联通电信4G手机</p>
<div class="jiage">
   <span> ¥6088</span>
  <s>¥6988 </s>
</div>
<div class="shouhuo">
<div class="left">已售<span>87%</span></div>
<div class="jdt"></div>
<div class="right">剩余<span>29</span>件</div>
</div>
<div class="qianggou">立即抢购</div>
</div>
<!-- 第六个盒子结束 -->
<div class="box">
    <div class="tupian"><img src="/upload/shouji_03.png" alt=""></div>
    <p>Apple苹果iPhone 6s Plus(A1699)32G金色</p>
    <p>移动联通电信4G手机</p>
<div class="jiage">
   <span> ¥6088</span>
  <s>¥6988 </s>
</div>
<div class="shouhuo">
<div class="left">已售<span>87%</span></div>
<div class="jdt"></div>
<div class="right">剩余<span>29</span>件</div>
</div>
<div class="qianggou">立即抢购</div>
</div>
<!-- 第七个盒子结束 -->
<div class="box">
    <div class="tupian"><img src="/upload/shouji_03.png" alt=""></div>
    <p>Apple苹果iPhone 6s Plus(A1699)32G金色</p>
    <p>移动联通电信4G手机</p>
<div class="jiage">
   <span> ¥6088</span>
  <s>¥6988 </s>
</div>
<div class="shouhuo">
<div class="left">已售<span>87%</span></div>
<div class="jdt"></div>
<div class="right">剩余<span>29</span>件</div>
</div>
<div class="qianggou">立即抢购</div>
</div>
<!-- 第八个盒子结束 -->
<div class="box">
    <div class="tupian"><img src="/upload/shouji_03.png" alt=""></div>
    <p>Apple苹果iPhone 6s Plus(A1699)32G金色</p>
    <p>移动联通电信4G手机</p>
<div class="jiage">
   <span> ¥6088</span>
  <s>¥6988 </s>
</div>
<div class="shouhuo">
<div class="left">已售<span>87%</span></div>
<div class="jdt"></div>
<div class="right">剩余<span>29</span>件</div>
</div>
<div class="qianggou">立即抢购</div>
</div>
<!-- 第九个盒子结束 -->
<div class="box">
    <div class="tupian"><img src="/upload/shouji_03.png" alt=""></div>
    <p>Apple苹果iPhone 6s Plus(A1699)32G金色</p>
    <p>移动联通电信4G手机</p>
<div class="jiage">
   <span> ¥6088</span>
  <s>¥6988 </s>
</div>
<div class="shouhuo">
<div class="left">已售<span>87%</span></div>
<div class="jdt"></div>
<div class="right">剩余<span>29</span>件</div>
</div>
<div class="qianggou">立即抢购</div>
</div>
<!-- 第十个盒子结束 -->
<div class="box">
    <div class="tupian"><img src="/upload/shouji_03.png" alt=""></div>
    <p>Apple苹果iPhone 6s Plus(A1699)32G金色</p>
    <p>移动联通电信4G手机</p>
<div class="jiage">
   <span> ¥6088</span>
  <s>¥6988 </s>
</div>
<div class="shouhuo">
<div class="left">已售<span>87%</span></div>
<div class="jdt"></div>
<div class="right">剩余<span>29</span>件</div>
</div>
<div class="qianggou">立即抢购</div>
</div>
<!-- 第十一个盒子结束 -->
<div class="box">
    <div class="tupian"><img src="/upload/shouji_03.png" alt=""></div>
    <p>Apple苹果iPhone 6s Plus(A1699)32G金色</p>
    <p>移动联通电信4G手机</p>
<div class="jiage">
   <span> ¥6088</span>
  <s>¥6988 </s>
</div>
<div class="shouhuo">
<div class="left">已售<span>87%</span></div>
<div class="jdt"></div>
<div class="right">剩余<span>29</span>件</div>
</div>
<div class="qianggou">立即抢购</div>
</div>
<!-- 第十二个盒子结束 -->
<div class="box">
    <div class="tupian"><img src="/upload/shouji_03.png" alt=""></div>
    <p>Apple苹果iPhone 6s Plus(A1699)32G金色</p>
    <p>移动联通电信4G手机</p>
<div class="jiage">
   <span> ¥6088</span>
  <s>¥6988 </s>
</div>
<div class="shouhuo">
<div class="left">已售<span>87%</span></div>
<div class="jdt"></div>
<div class="right">剩余<span>29</span>件</div>
</div>
<div class="qianggou">立即抢购</div>
</div>
<!-- 第十三个盒子结束 -->
<div class="box">
    <div class="tupian"><img src="/upload/shouji_03.png" alt=""></div>
    <p>Apple苹果iPhone 6s Plus(A1699)32G金色</p>
    <p>移动联通电信4G手机</p>
<div class="jiage">
   <span> ¥6088</span>
  <s>¥6988 </s>
</div>
<div class="shouhuo">
<div class="left">已售<span>87%</span></div>
<div class="jdt"></div>
<div class="right">剩余<span>29</span>件</div>
</div>
<div class="qianggou">立即抢购</div>
</div>
<!-- 第十四个盒子结束 -->
<div class="box">
    <div class="tupian"><img src="/upload/shouji_03.png" alt=""></div>
    <p>Apple苹果iPhone 6s Plus(A1699)32G金色</p>
    <p>移动联通电信4G手机</p>
<div class="jiage">
   <span> ¥6088</span>
  <s>¥6988 </s>
</div>
<div class="shouhuo">
<div class="left">已售<span>87%</span></div>
<div class="jdt"></div>
<div class="right">剩余<span>29</span>件</div>
</div>
<div class="qianggou">立即抢购</div>
</div>
<!-- 第十五个盒子结束 -->
<div class="box">
    <div class="tupian"><img src="/upload/shouji_03.png" alt=""></div>
    <p>Apple苹果iPhone 6s Plus(A1699)32G金色</p>
    <p>移动联通电信4G手机</p>
<div class="jiage">
   <span> ¥6088</span>
  <s>¥6988 </s>
</div>
<div class="shouhuo">
<div class="left">已售<span>87%</span></div>
<div class="jdt"></div>
<div class="right">剩余<span>29</span>件</div>
</div>
<div class="qianggou">立即抢购</div>
</div>
<!-- 第十六个盒子结束 -->
                </article>
                <!-- 内容部分结束 -->
                <!-- 尾部开始 -->
                <footer>
                    <div class="foo_center">
                         <!-- 尾部服务模块开始 -->
                          <div class="mod_service">
                            <!-- 正品保障开始 -->
                            <div class="ser_zhenpin">
                                <span class="zhenpin"> </span>
                                <a href="#">正品保障</a>
                                <p>正品保障，提供发票</p>
                               </div>
                                <!-- 正品保障结束 -->
                              <!-- 急速物流开始 -->
                              <div class="ser_jisu">
                                <span class="jisu"></span>
                                <a href="#">急速物流</a>
                                <p>急速物流，急速送达</p>
                              </div>
                              <!-- 急速物流结束 -->
                              <!-- 无忧售后开始 -->
                              <div class="ser_wuyou">
                                <span class="wuyou"></span>
                                <a href="#">无忧售后</a>
                                <p>七天无理由退换货</p>
                              </div>
                              <!-- 无忧售后结束 -->
                              <!-- 特色服务开始 -->
                              <div class="ser_tese">
                                <span class="tese"></span>
                                <a href="#">特色服务</a>
                                <p>私人订制家电套餐</p>
                              </div>
                              <!-- 特色服务结束 -->
                              <!-- 帮助中心开始 -->
                              <div class="ser_help">
                                <a href="#">帮助中心</a>
                                <p>您的购物指南车</p>
                                <span class="help"></span>
                                
                              </div>
                              <!-- 帮助中心结束 -->
                          </div>
                          <!-- 尾部服务模块结束 -->
                          <!-- 尾部帮助模块开始 -->
                          <div class="mod_help">
                            <!-- 购物指南开始 -->
                            <dl class="gouwu">
                                <dt>购物指南</dt>
                                <dd> 购物流程</dd>
                                <dd>会员介绍</dd>
                                <dd>生活旅行/团购</dd>
                                <dd>常见问题</dd>
                                <dd>大家电</dd>
                                <dd>联系客服</dd>
                            </dl>
                            <!-- 购物指南结束 -->
                            <!-- 配送方式开始 -->
                                <dl class="peisong">
                                    <dt>配送方式</dt>
                                    <dd> 上门自提</dd>
                                    <dd>211限时送达</dd>
                                    <dd>配送服务查询</dd>
                                    <dd>配送费收取标准</dd>
                                    <dd>海外配送</dd>
                                </dl>
                            <!-- 配送方式结束 -->
                            <!-- 支付方式开始 -->
                            <dl class="zhifu">
                                <dt>支付方式</dt>
                                <dd>货到付款</dd>
                                <dd>在线支付</dd>
                                <dd>分期付款</dd>
                                <dd>邮局汇款</dd>
                                <dd>公司转账</dd>
                            </dl>
                            <!-- 支付方式结束 -->
                            <!-- 售后服务开始 -->
                            <dl class="shouhou">
                                <dt>售后售后服务</dt>
                                <dd>价格保证</dd>
                                <dd>退款说明</dd>
                                <dd>返修/退还货</dd>
                                <dd>取消订单</dd>
                                <dd>售后政策</dd>
                            </dl>
                            <!-- 售后服务结束 -->
                            <!-- 特色服务开始 -->
                            <dl class="tesefuwu">
                                <dt>特色服务</dt>
                                <dd>夺宝岛</dd>
                                <dd>div装机</dd>
                                <dd>延保服务</dd>
                                <dd>品优购e卡</dd>
                                <dd>品优购通信</dd>
                            </dl>
                            <!-- 特色服务结束 -->
                            <!-- 帮助中心开始 -->
                            <dl class="bangzhuzhongxin">
                                <dt>帮助中心</dt>
                                <dd><img src="images/wx_cz.jpg" alt class="wx_png"></dd>
                                <dd>品优购客户端</dd>
                            <!-- 帮助中心结束 -->
                          </div>
                          <!-- 尾部帮助模块结束 -->
                          <!-- 尾部版权模块开始 -->
                          <div class="mod_copyright">
                            <ul class="gyu">
                                <li>关于我们</li>
                                <li>联系我们</li>
                                <li>联系客服</li>
                                <li>商家入住</li>
                                <li>营销中心</li>
                                <li>手机品优购</li>
                                <li>友情链接</li>
                                <li>销售联盟</li>
                                <li>品优购社区</li>
                                <li>品优购公益</li>
                                <li>English Site</li>
                                <li>Contact U</li>
                            </ul>
                            <p3>地址：北京市昌平区建材城西路金燕龙办公楼一层 邮编：100096 电话：400-618-4000 传真：010-82935100 邮箱: zhanghj+itcast.cn</p3><br/>
                          <p4>京ICP备08001421号京公网安备110108007702</p4>
                        </div>
                          <!-- 尾部版权模块结束 -->
                    </div>
                    </footer>
                <!-- 尾部结束 -->
</body>
</html>